1 00:00:00,900 --> 00:00:01,450 Hello. 2 00:00:01,450 --> 00:00:10,120 In this lecture we are going to create a structure for the IRS using hastey email. 3 00:00:12,060 --> 00:00:13,900 So this is the hastier mail. 4 00:00:13,920 --> 00:00:18,580 I've already added a code so you don't have to watch me type. 5 00:00:18,810 --> 00:00:20,560 Thereby we can save some time. 6 00:00:20,700 --> 00:00:26,900 So let me run through this could with you line one of the code is the doctype which is a declaration. 7 00:00:26,910 --> 00:00:30,180 It's not part of the hastier mail code. 8 00:00:30,180 --> 00:00:33,450 What it is it's a declaration. 9 00:00:33,480 --> 00:00:43,250 It's function is to notify the web browsers or search engines that the content of the page that it's 10 00:00:43,250 --> 00:00:46,400 about to be displayed is an hastier mail document. 11 00:00:46,400 --> 00:00:55,290 That's the main purpose of the doctype the actual hate mail content starts from Line 3 and ends on line 12 00:00:55,290 --> 00:01:03,960 22 so you can see you've got the name tag on line 3 and they close in on line twenty two. 13 00:01:04,580 --> 00:01:14,190 Well you can see that the structure of the files are indented so that you can identify the parent and 14 00:01:14,190 --> 00:01:15,140 the child. 15 00:01:15,210 --> 00:01:24,240 So look and I did commend you can say that the head and the body are child elements of the hastier mail. 16 00:01:24,310 --> 00:01:28,650 Why are they made tags this scripts here. 17 00:01:28,770 --> 00:01:38,520 Or child element off the teacher mail documents that sorry the old child elements of the head and grandkids 18 00:01:38,610 --> 00:01:48,890 of the hasty mail to the content in the head section is not normally not visible is there for informational 19 00:01:48,900 --> 00:01:56,070 purposes and also to assist the search engine with information on the content. 20 00:01:56,070 --> 00:02:02,610 So line five of the code we've got a metter tag inside the tag. 21 00:02:02,610 --> 00:02:05,550 We've got a tribute called Cast set. 22 00:02:05,550 --> 00:02:10,200 Basically it refers to the type of encoding used for the website. 23 00:02:10,200 --> 00:02:16,770 This standard international septet and code code type is utf. 24 00:02:16,770 --> 00:02:21,530 Dash it so our website should be a book or website. 25 00:02:21,600 --> 00:02:24,500 Browsers should be able to view this content. 26 00:02:24,540 --> 00:02:32,020 Line 6 is just the title for the web page line 7. 27 00:02:32,040 --> 00:02:41,550 We've got another man at tag with he attribute of name value viewport and another attribute inside their 28 00:02:41,550 --> 00:02:50,310 core content and value is said to with equal rights minus we come up in the ensured that skill equals 29 00:02:50,340 --> 00:02:51,510 one. 30 00:02:51,510 --> 00:03:00,360 What this means is that this webpage can be viewed on any device viewport refers to device and then 31 00:03:00,360 --> 00:03:03,390 the content part of it refers to the actual size. 32 00:03:03,390 --> 00:03:12,330 Are you saying that this page can be viewed by any device regardless of how small or big the screen 33 00:03:12,330 --> 00:03:19,980 for that device is set an initial zoom they're on line 7 towards the end so it tells you that you can 34 00:03:19,980 --> 00:03:26,940 also zoom in so that is the initial scale where the Zoom in will start from the line. 35 00:03:26,940 --> 00:03:30,150 It is a reference to the time sheet. 36 00:03:30,150 --> 00:03:33,180 We are going to use this one of the blank. 37 00:03:33,480 --> 00:03:36,340 Or put some basic sign in there later. 38 00:03:36,720 --> 00:03:41,230 Line 9 is a reference to D. 39 00:03:41,250 --> 00:03:42,610 Google key p. 40 00:03:42,660 --> 00:03:54,800 Hi all saw to the dynamic feed also a reference to the dynamic feed control dynamic feed control. 41 00:03:54,810 --> 00:04:03,420 It is simple to use application for this cut like your reference to the Google Ajax feed API right it's 42 00:04:03,540 --> 00:04:11,760 designed to let you add feeds to your pages or sites so I'll tell you what Web site had picked up that 43 00:04:11,760 --> 00:04:12,880 link from. 44 00:04:12,910 --> 00:04:17,090 If you go to this website type thing. 45 00:04:17,240 --> 00:04:19,350 Ajax feed API. 46 00:04:19,660 --> 00:04:27,780 Alright so just typing Google Ajax feed API and it gives you some instructions here for adding the API 47 00:04:27,780 --> 00:04:31,130 to your site so this is where picked up the script from. 48 00:04:31,140 --> 00:04:34,360 This is a fair script here and idea. 49 00:04:34,380 --> 00:04:40,310 You don't need to worry about the key it does end there and then this is a script tuti dynamic feed 50 00:04:40,310 --> 00:04:40,760 quantrill. 51 00:04:40,770 --> 00:04:53,610 Make sure you've got all these copied exactly as I have done here on line 9 and line 10 line 14. 52 00:04:53,640 --> 00:05:00,400 Is the body time the main content of the feed will be inside the body tag. 53 00:05:00,630 --> 00:05:03,560 So inside the body we will implement it. 54 00:05:03,630 --> 00:05:08,760 Ah javascript later to access the news feed. 55 00:05:08,760 --> 00:05:10,450 So that's it for this. 56 00:05:10,610 --> 00:05:15,130 Shown on creating the structure for our news feed. 57 00:05:15,130 --> 00:05:16,000 Thanks for watching. 58 00:05:16,000 --> 00:05:17,050 Bye for now.